<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Expires" content="1" />
		<meta http-equiv="Pragma" content="no-cache" />
		<meta http-equiv="Cache-Control" content="No-Cache" />
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Example</title>
		
		<link type="text/css" href="css/style.css" rel="stylesheet" />	

		<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
		
		<script>
			toggle = function(id){
				var jQueryObj = $("#"+id);

				jQueryObj.toggle();
			}

		</script>

	</head>

	 <body>
		<div class="wrap">
			<div><h1>공지사항 샘플</h1></div>
			
			<p/><p/>

			<div class="board" onclick="toggle('b1');">공지사항1번</div>
			<div id="b1" style="display:none;border-bottom:#cacaca solid 1px;">
				공지사항1번 내용
				<object width="425" height="355">
					<param name="movie"
						value="http://www.youtube.com/v/ZNRBjriMELE?version=3&autohide=1&showinfo=0"></param>
					<param name="allowScriptAccess" value="always"></param>
					<embed
						src="http://www.youtube.com/v/ZNRBjriMELE?version=3&autohide=1&showinfo=0"
						type="application/x-shockwave-flash" allowscriptaccess="always"
						width="425" height="355"></embed>
				</object>
			</div>
			
			<div class="board" onclick="toggle('b2');">공지사항2번</div>
			<div id="b2" style="display:none;border-bottom:#cacaca solid 1px;">엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 엄청나게 긴~~~~~~~~~~~~~~~~~~~~~~내용 </div>

			<div class="board" onclick="toggle('b3');">공지사항3번</div>
			<div id="b3" style="display:none;border-bottom:#cacaca solid 1px;">공지사항3번 내용</div>

			<div class="board" onclick="toggle('b4');">공지사항4번</div>
			<div id="b4" style="display:none;border-bottom:#cacaca solid 1px;">공지사항4번 내용</div>

			<div class="board" onclick="toggle('b5');">공지사항5번</div>
			<div id="b5" style="display:none;border-bottom:#cacaca solid 1px;">공지사항5번 내용</div>
		</div>
	 </body>
</html>
